<template>
    <div class="col-md-4">
        <form class="form-horizontal">
            <div class="form-group">
                <label>用户名</label>
                <input type="text" class="form-control" placeholder="用户名" v-model="name">
            </div>
            <div class="form-group">
                <label>评论内容</label>
                <textarea class="form-control" rows="6" placeholder="评论内容" v-model="text"></textarea>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" class="btn btn-default pull-right" @click="addCommit">提交</button>
                </div>
            </div>
        </form>
    </div>
</template>

<script>
    export default {
        name: "Add",
        data () {
            return {
                name:'',
                text:''
            }
        },
       /* props:{
            addCommont:{
                type:Function,
                required:true
            }
        },*/
        methods:{
            addCommit () {

                if(!this.name.trim()|!this.text.trim()){
                    alert('姓名或者内容不能为空!');
                    return;
                }

                /*this.addCommont({
                    name:this.name,
                    text:this.text
                })*/

                this.$emit('addCommont',{
                    name:this.name,
                    text:this.text
                })
                this.name='';
                this.text='';
            }
        }

    }
</script>

<style >

</style>